// 获取按钮元素
const resetBtn = document.getElementById('resetBtn');
const backBtn = document.getElementById('backBtn');
const forwardBtn = document.getElementById('forwardBtn');
const stopBtn = document.getElementById('stopBtn');
const manualBtn = document.getElementById('manualBtn');

// 将所有按钮置为可用状态
function enableButtons() {
  resetBtn.disabled = false;
  resetBtn.textContent = '归零'; // 修改手动模式按钮上的文字
  backBtn.disabled = false;
  backBtn.textContent = '后退'; // 修改手动模式按钮上的文字
  forwardBtn.disabled = false;
  forwardBtn.textContent = '前进'; // 修改手动模式按钮上的文字
  stopBtn.disabled = false;
  manualBtn.disabled = false;
}

// 将除 "转为手动" 按钮以外的按钮置为禁用状态
function disableButtons() {
  resetBtn.disabled = true;
  resetBtn.textContent = '按钮已失效'; // 修改手动模式按钮上的文字
  backBtn.disabled = true;
  backBtn.textContent = '按钮已失效'; // 修改手动模式按钮上的文字
  forwardBtn.disabled = true;
  forwardBtn.textContent = '按钮已失效'; // 修改手动模式按钮上的文字
<!--      stopBtn.disabled = true;-->
  manualBtn.disabled = false;
}

// 点击 "停止" 按钮时向 Flask 发送停止机器人运动的请求
stopBtn.addEventListener('click', () => {
  axios.post('/stop_robot')
    .then(() => {
      console.log('停止机器人运动');
    })
    .catch((err) => {
      console.error('停止机器人运动失败', err);
    });
});

// 点击 "转为手动" 按钮时将所有按钮置为禁用状态
manualBtn.addEventListener('click', () => {
  axios.post('/manual')
    .then(res => {
      console.log(res);
      if (res.data.robot_mode=='manual') {
          console.log(res.data.robot_mode);
          console.log('当前为手动模式');
          enableButtons();
          manualBtn.textContent = '当前为手动模式'; // 修改手动模式按钮上的文字
        } else {
          console.log(res.data.robot_mode);
          console.log('当前为自动模式');
          disableButtons();
          manualBtn.textContent = '当前为自动模式'; // 修改手动模式按钮上的文字
        }
    })
});

// 点击 "归零" 按钮时向 Flask 发送归零命令请求
resetBtn.addEventListener('click', () => {
  axios.post('/reset_robot')
    .then(() => {
      console.log('发送归零命令');
    })
    .catch((err) => {
      console.error('发送归零命令失败', err);
    });
});

// 点击 "后退" 按钮时向 Flask 发送后退命令请求
backBtn.addEventListener('click', () => {
  axios.post('/back_robot')
    .then(() => {
      console.log('发送后退命令');
    })
    .catch((err) => {
      console.error('发送后退命令失败', err);
    });
});

// 点击 "前进" 按钮时向 Flask 发送前进命令请求
forwardBtn.addEventListener('click', () => {
  axios.post('/forward_robot')
    .then(() => {
      console.log('发送前进命令');
    })
    .catch((err) => {
      console.error('发送前进命令失败', err);
    });
});